<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru-RU">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Простенькая графика</title>
    <script type="text/javascript" src="./openjsl/openjsl.js"></script>
    <style type="text/css">
        body {
            margin: 10px;
            padding: 0;
        }
        #canvas_id {
            border: 1px solid black;
            background-color: #EEEEEE;
        }
        #fps_div {
            position: absolute;
            left: 13px;
            top : 13px;
            z-index: 1;
            /*background-color: #EEEEEE;*/
            cursor: default;
        }
    </style>
    <script type="text/javascript">
        function $( id ) {
            return document.getElementById( id );
        }

        function init() {
            ojsl_init( $( 'canvas_id' ) );
        }
    </script>
</head>
<body>
    <canvas id="canvas_id" width="400" height="400">Браузер не поддерживает тег canvas</canvas>
    <div id="fps_div"></div>
    <script type="text/javascript">
        if ( window.addEventListener ) {
            window.addEventListener( 'DOMContentLoaded', init, false );
        }
    </script>
</body>
</html>
